Section 3, Table 2 - New technology innovation & HTML

Edit 0 12 …
Keywords

  • HTML:(Hyper Text Mark-up Language) A markup language used to structure text and multimedia documents, and to set up hypertext links between documents. Used extensively on the World Wide Web.

  • HTTP:(HyperText Transfer Protocol) The underlying protocol used by the World Wide Web. HTTP defines how messages are formatted and transmitted, and what actions Web servers and browsers should take in response to various commands.

  • URL: (Uniform Resource Locator) A standard for dictating the location of files on the internet.

  • XHTML: (Short for EXtensible HTML) A markup language for Web pages from the W3C. XHTML combines HTML and XML into a single format (HTML 4.0 and XML 1.0).

  • W3C: (Short for World Wide Web Consortium) An international consortium of companies involved with the Internet and the Web. The W3C was founded in 1994 by Tim Berners-Lee, the original architect of the World Wide Web. The organization's purpose is to develop open standards so that the Web evolves in a single direction, rather than being splintered among competing factions.

  • Attribute: An attribute is a specification that defines a property of an object, element, or file. It may also refer to or set the specific value for a given instance of such.

  • Server: A server is a computer system that provides services to other computing systems (called clients) over a network. The term “server” can refer to hardware (as in the case of a Sun computer system) or software (such as an RDBMS server).

  • Client/Server: A network architecture in which each computer or process on the network is either a client or a server. Servers are powerful computers or processes dedicated to managing disk drives (file servers), printers (print servers), or network traffic (network servers ). Clients are PCs or workstations on which users run applications. Clients rely on servers for resources such as files, devices, and even processing power.

  • Protocol: a protocol is a convention or standard that controls or enables the connection, communication, and data transfer between two computing endpoints. In its simplest form, a protocol can be defined as the rules governing the syntax, semantics, and synchronization of communication. Protocols may be implemented by hardware, software, or a combination of the two. At the lowest level, a protocol defines the behavior of a hardware connection.

  • @: Pronounced, “at sign” or, simply, “at.” This symbol is used in e-mail addressing to separate the user’s name from the user’s domain name, both of which are necessary in order to transmit e-mails

HTML Explained
  • HTML- Hypertext Markup Language
    • Tells the browser what format to take visually
    • Created by Tim Barnes Lee in 1990 as a way for scientists to share information online
Beginning uses of HTML
  • E-mail
  • Telnet
  • File Transfer Protocol (FTP)
  • Usenet
  • Gopher
  • WWW
- HTML 1.0 was the first HTML and had very limited tags and language for a webpage
- HTML 2.0 included all of the features of HTML 1.0 but had new features and was the standard for webpage design until January 1997
- HTML 3.0 was the first popular version and with the popularity, came a thirst for more options, bringing about
- HTML 3.2- World Wide Web Consortium created to standardize the language
- HTML 4.01
- XHTML 1.0- incorporated the features of XML, which means code must properly be written to work on the browser
- HTML 5

3 main tags for the structure of a webpage:
  • § <html> </html>
  • § <head> </head> (all of the data and info on a webpage)
  • § <body> </body> (
  • Opening and Closing tags
  • <TAG> </TAG> (for enclosing … cntd on slide)
  • Tags
    • §Nested in document
      • For example: <head>and <body>
    • § Have multiple attributes extra information for each tag
  • Save the text file with a .html file extension
  • Open text file in a web browser
  • What are deprecated tags?
    • § A markup tag rendered obsolete by technological advances or programming changes.
  • Formatting tags on HTML basics slide
  • Special Characters on HTML basics slides
  • Lists
    • §Unordered (bulleted)
      • <ul></ul> (contains the list)
      • optional type attribute
        • o Disc
        • o Square
        • o Open circle
    • §Ordered Lists (numbered)
      • <ol></ol> (contains the list)
        • o Optional type attribute
  • Links allow you to browse to:
    • § External pages (offsite)
    • § Internal pages (onsite

  • Links to outside pages:
    • § Text within the tags is what is displayed in browser
    • § The href attribute contains the URL for the link

  • HTML tables
    • § Useful in controlling page layout
    • § Manual coding can be difficult
    • § Tables behave differently in different browsers
    • § Current trend is away from tables

  • HTML Basics-Images
    • § Defualt background for browsers – light gray or white, black text
    • § Background and text colors controlled with the <body> tag
    • § Newer code lets you say <color= “red”>
    • § A color is referenced by RGB value
    • §One byte for each R,G,B (hexacdecimal)
      • White: # FFFFF
      • Black: # 00000

Example of what might be required on the exam as the hand-written html code.

<html>
<head>
<title>
This is going to be the title of your web page. When you look at your status bar or "tab" you will see this. For example, on this wiki, it is "lis2252 - Section3, Table 2 - New Technologies.
</title>
</head>
<body>

<p>....</p> = open and close paragraph.
<ol>...</ol> = open and close ordered list
<ul>...</ul> = open and close unordered ist
<li>....</li> = open and close list items within your ordered or unordered list.
<table>....</table> = open and close table
<tr>...</tr> = open and close row in your table
<td>...</td> = open and close cells in your table.
<img src="nameOfPicture.jpg" > = adding a picture to website.
<a href="http://www.fsu.edu">What you will see</a> = how to link
<em>....</em> =
<strong>....</strong> =

</body>
</html>

New Technologies
  • Social media (Facebook, Twitter, etc.)
  • Tablets (iPad, etc.)
  • Location based services (Google maps, iPhone maps, etc., GPS, trackers, etc.)
  • Cloud computing (The Cloud, iCloud, etc.)
  • Apps (apps for smartphones, etc.)

Location Based Services
What are location based services for mobile phones?
- Those services where the subscriber’s geographic location is an integral, or even the determining part of the service
- Example: cell phone towers
What are typical location based services?
- Personal navigation, fleet management, finding local information quickly
Has location dependent mobile search been implemented?
- Yes, location dependent mobile search is available on all DoCoMo mobile phones in Japan
Who introduced the first commercial Location dependent services for mobile phones
- NTT-DoCoMo introduced the world’s first commercial location dependent services
- KDDI (Japan’s second largest mobile operator) introduced the world’s first mobile phones equipped with GPS and the first GPS based location dependent services
Is GPS necessary for implementing location based services for mobile phones? Can only mobile phones with GPS chips use location based services?
- No. Mobile operators will always know the location of every mobile phone connected to their service to within a few hundred meters
HTML Basics
3 main tags for the structure of a webpage:
  • <html> </html>
  • <head> </head>
  • <body> </body>

Opening & Closing Tags
<tag> </tag> (for enclosing elements

Tags
  • -needed in document
ex: <head> and <body>
  • -have multiple attributes extra info for each tag for ex:
<a href=http://www.fsu.edu>this is a link </a>

save the text file with a .html file extension
open text file in a web browser

Formatting tags:
  • Paragraphs <p> </p>
  • Line breaks <br>
  • Headings <h1></h1>, <h2></h2>
  • Rule lines <hr>
  • Images <img>
  • Bold <b></b>
  • Italics <i></i>